import { Button, Col, Input, Table } from 'antd';
import React from 'react';

const KeywordAnalysis = (props) => {
  const columns = [
    {
      title: '包含关键词的用户问题',
      dataIndex: 'question',
      key: 'question'
    },
    {
      title: '提问次数',
      dataIndex: 'count',
      key: 'count',
      align: 'center'
    }
  ]
  const data = [
    {
      question: '如何申请开通',
      count: 84
    },
    {
      question: '如何申请开通',
      count: 84
    },
    {
      question: '如何申请开通',
      count: 84
    },
    {
      question: '如何申请开通',
      count: 84
    },
    {
      question: '如何申请开通',
      count: 84
    }
  ]
  return (
    <div>
      <div>
        <label style={{ marginRight: 10 }}>关键词</label>
        <Input style={{ width: 233, marginRight: 10 }} />
        <Button type={'primary'}>分析</Button>
      </div>
      <div style={{ marginTop: 10 }}>
        <Table
          columns={columns}
          dataSource={data}
          pagination={{
            current: 1,
            total: data.length
          }}
          scroll={{ y: 230 }}
          bordered
        />
      </div>
    </div>
  )
}

export default KeywordAnalysis;
